<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 动态 -->
    <div class="circle-dynamic-app">
        <!-- 头部 -->
        <div class="head dpflex">
            <span class="exit">x</span>
            <span class="title">动态</span>
            <button class="release">发表</button>
        </div>
        <!-- 内容 -->
        <div class="content">
            <textarea class="think">这一刻的想法... </textarea>
            <div class="img dpflex">
                <img src="../imgs/cat.jpg" alt="">
                <span class="add-to">+</span>
            </div>
            <!-- 地址 -->
            <p class="position dpflex">
                <span class="left dpflex">
                    <span class="icon iconfont icon-position">
                    </span> 所在地址
                </span>
                <span class="right">></span>
            </p>
            <!-- 公开 -->
            <p class="open dpflex">
                <span class="left dpflex">
                    <span class="icon iconfont icon-eye"></span> 是否公开
                </span>
                <span class="right dpflex">
                    <span></span>
                </span>
            </p>
        </div>
    </div>
</body>

</html>